<div class="wp-20" ui-view="container">
    <div ng-if="!noPermission" >
        <div class="head_title">
            <a ui-sref="main.channelPlayOverview({pageNo:1})" style="color: inherit">频道播放</a>  / <span class="tit-color">二级频道播放明细</span>
        </div>

        <div class="searchWapper white-background">

            <div class="form-group searchLump" style="height: 65px;padding-top: 13px">
                <div class="searchTitle" style="margin: 2px 0 0 0px">筛选：</div>

                <div class="search-select">
                    <input ims-select-range-time="rangeDate" style="margin-left: 20px;"  placeholder="'统计时间段'">

                    <a class="down_icon pull-right" download ng-href="{{downHref}}">
                        <i class="iconfont icon-xiazai" aria-hidden="true"></i>
                    </a>
                </div>

            </div>
        </div>
        <ul class="play-ul">
            <li ng-class="{'active':playNum==1}" class="play-style" ng-click="userLogin()">播放量&下载量</li>
            <li ng-class="{'active':playNum==2}" class="play-style"  ng-click="userRegister()">平均播放量&平均下载量</li>
        </ul>
        <div ng-if="playNum==1">
            <div style="margin: 10px 0px;padding:20px;background-color: white">
                <div chart="programsNewAddedOpt" style="height: 500px;"></div>
            </div>
        </div>
        <div ng-if="playNum==2">
            <div style="margin: 10px 0px;padding:20px;background-color: white">
                <div chart="programsNewAddedOpt1" style="height: 500px;"></div>
            </div>
        </div>

        <div class="white-background" style="margin:15px  0">
            <table class="table table-bordered table-hover table-page">

                <thead>
                <tr  class="th-color">
                    <th>频道_ID</th>
                    <th>二级频道名称</th>
                    <th>播放量</th>
                    <th>下载量</th>
                    <th>节目平均播放</th>
                    <th>节目平均下载</th>
                </tr>
                </thead>
                <tbody>
<!--                <tr>
                    <td>总计</td>
                    <td>{{total.playNum}}</td>
                    <td>{{total.onlinePlayNum}}</td>
                    <td>{{total.offlinePlayNum}}</td>
                    <td>{{total.downloadNum}}</td>
                </tr>-->
                <tr ng-repeat="item in list">
                    <td>{{item.channelId}}</td>
                    <td>
                        <a ui-sref="main.channelPlayOverview.twoLevelChannelPlayOverview.twoLevelChannelPlayDetail({channelId:item.channelId,categoryId:search.categoryId,pageNo:1})" class="time-out">{{item.channelName}}</a></td>
                    <td>{{item.playNum}}</td>
                    <td>{{item.downloadNum}}</td>
                    <td>{{item.programPlayAverage}}</td>
                    <td>{{item.programDownloadAverage}}</td>
                </tr>
                </tbody>
            </table>
        </div>

        <div class="panel-footer paging">
            <s-pagination conf="paginationConf"></s-pagination>
        </div>
    </div>


    <div ng-if="noPermission" ng-include="'templates/no-permission.html'">

    </div>
</div>
